
  // 获取轮播图元素
    let ul = document.querySelector(".banner_top");
    let index = 0;

    setInterval(() => {
      index++;
      if (index == ul.children.length) {
        index = 0;
      }
      ul.style.transform = `translate(-${index * 100}%)`;
    }, 2000);

       //   let index = 1;
      //   let isClick = true;
      //   for (let i = 0; i < ul.children.length; i++) {
      //     let li = document.createElement("li");
      //     if (i == 0) li.classList.add("active");
      //     ol.insertBefore(li, null);
      //   }

      //   ol.style.width = `${ol.children.length * 20}px`;

      //   let olis = document.querySelectorAll("ol li");

      //   // 克隆节点
      //   let before = ul.lastElementChild.cloneNode(true);
      //   let back = ul.firstElementChild.cloneNode(true);
      //   //   插入图片
      //   ul.appendChild(back);
      //   //    插入图片
      //   ul.insertBefore(before, ul.firstElementChild);
      //   // 监听
      //   ul.addEventListener("transitionend", function () {
      //     olis.forEach(function (item) {
      //       item.classList.remove("active");
      //     });
      //     isclick = true;
      //     if (index > ul.children.length - 2) {
      //       index = 1;
      //       ul.style.transitionDuration = "0s";
      //       ul.style.transform = `translate(-${index * 100}%)`;
      //       olis[index - 1].classList.add("active");
      //     } else if (index < 1) {
      //       index = ul.children.length - 2;
      //       ul.style.transitionDuration = "0s";
      //       ul.style.transform = `translate(-${index * 100}%)`;
      //     } else {
      //       olis[index - 1].classList.add("active");
      //     }
      //   });
      //   olis.forEach(function (item, idx) {
      //     item.onclick = function () {
      //       index = idx + 1;
      //       ul.style.transitionDuration = "1s";
      //       ul.style.transform = `translate(-${index * 100}%)`;
      //     };
      //   });